<%@ page language="java" contentType="text/html; charset=UTF-8"
		 pageEncoding="UTF-8"%>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta http-equiv="X-UA-Compatible" content="ie=edge">
		<title>豆鲨注册</title>
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/home_d47fa4f.css">
		<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
		</script>
		<style>
			* {
				padding: 0;
				margin: 0;
			}

			html,
			body {
				width: 100%;
				height: 100%;
			}

			.zlx {
				width: 100%;
				height: 100%;


			}

			.zlx1 {
				width: 100%;
				background-color: #000000;
			}

			.cms_login {
				width: 100%;
				height: 100%;
				display: flex;
				justify-content: center;
				background-repeat: no-repeat;
				background-image: url(${pageContext.request.contextPath}/img/bg.jpg);
				background-size: 100% 100%;
			}

			.flexCenter {
				text-align: center;
				margin: auto;
			}

			.cms_login_container {
				width: 70%;
				height: 70%;
				display: flex;
				justify-content: center;
			}

			.cms_login_image {
				width: 60%;
				height: 100%;
			}

			.cms_login_from {
				width: 40%;
				height: 100%;
				background-color: white;
				border-radius: 10px;
				box-shadow: 0px 0px 10px #ccc;
			}

			/* .cms_login_container {
            width: 30%;
            height: 70%;
            border: 1px solid red;
        } */

			img {
				width: 100%;
				height: 100%;
			}

			.divBox {
				display: flex;
				justify-content: center;
				width: 80%;
				height: 70px;
				margin-left: 10%;
				position: relative;
			}
			.divBox label{
				width: 130px;
				height: 50px;
				margin-top: 0px;
				background-color: red;
				line-height:50px;
			}

			.cms_login_logo {
				display: flex;
				justify-content: center;
				width: 80%;
				height: 60px;
				/* border: 1px solid green; */
				margin-left: 10%;
				margin-bottom: 22px;
				margin-top: 25px;
			}

			.cms_login_img {
				width: 44px;
				height: 44px;
				position: absolute;
				top: 1px;
				left: 1px;
			}

			.cms_login_ipt {
				width: 100%;
				height: 50px;
				outline: none;
				padding-left: 50px;
				
			}

			.cms_login_ipt60 {
				width: 60%;
				outline: none;
				padding-left: 50px;
			}

			.cms_login_ver {
				width: 30%;
				outline: none;
				margin-left: 8%;
				border: 1px solid #c32c2c;
				background-color: #bd7070;
				line-height: 46px;
				letter-spacing: 4px;
				border-radius: 4px;
				cursor: default;
				color: white;
			}

			.margin_top60 {
				margin-top: 40px;
			}

			.login_btn {
				width: 100%;
				height: 60px;
				letter-spacing: 10px;
				font-size: 24px;
				background-color: orange;
				border: none;
				outline: none;
				border-radius: 10px;
				color: white;
				margin-top: -35px;
			}

			.wrapper {
				width: 1200px;
				margin: 0 auto;
			}

			.sign-header {
				height: 50px;
			}

			.sign-logo img {
				width: 100px;
				height: 38.5px;
				margin-top: 10px;
			}
			.zzz{
				height: 17.6px;
			}
			.zzz label{
				margin-right: 220px;
				position: relative;
				left: 200px;
				color: red;
				top: 32px;
				z-index: 20;
			}
			.registz{
				margin-top: 120px;
				position: relative;
				top: -35px;
				right: 10px;
			}

			
		</style>
	</head>

	<body>
		<div class="zlx">

			<div id="header" class="sign-header">
				<div class="wrapper">
					<a class="sign-logo" href="http: /">
						<img src="${pageContext.request.contextPath}/img/douyu_logo.png" alt="">
					</a>
				</div>
			</div>
			<div class="cms_login">
				<div class="cms_login_container flexCenter" style="min-height:390px;">
					<div class="cms_login_image" style="min-width: 380px;">
						<!-- <img src="./leftimg_04.png" alt=""> -->
					</div>
					<div class="cms_login_from" style="min-width: 380px;">
						<form id="regForm" action="${pageContext.request.contextPath}/user/regist"METHOD="post">
							<div class="cms_login_logo"><span style="font-size:24px;">注册</span></div>
							<div class="zzz"><label id="userNameId"></label></div>
							<div class="divBox"> 
							
							<input class="cms_login_ipt" name="userName"  type="text" placeholder="请输入账号"
									id="userName"></div>
									<div class="zzz" ><label id="passwordId" ></label></div>
							<div class="divBox"> <input  name="password" type="password" placeholder="请输入密码" class="cms_login_ipt"
									id="password"></div>
									<div class="zzz"><label id="repasswordId"></label></div>
                            <div class="divBox"><input name="repassword" type="password" placeholder="请确认密码" class="cms_login_ipt"
											id="repassword"></div>
							<div class="divBox margin_top60" style="border:none;">
								<input class="login_btn" type="submit" value="注册">
							</div>
							<label class="registz"><a href="${pageContext.request.contextPath}/front/login.jsp">已有账号?去登录</a></label>

						</form>
					</div>
				</div>
			</div>
			<footer class="layout-Section layout-Footer" id="js-footer">
				<section class="layout-Wrapper">
					<div class="HomeFooter-friendLink">
						<h2 class="HomeFooter-friendLinkTitle">友情链接</h2>
						<ul class="HomeFooter-friendLinkList">
							<li><a class="HomeFooter-friendLinkItem" href="https://zhaobiao.douyu.com/" target="_blank"
									title="斗鱼招采平台">豆鲨招采平台</a></li>
							<li><a class="HomeFooter-friendLinkItem" href="https://m.douyu.com" target="_blank"
									title="斗鱼手机站">豆鲨手机站</a></li>
							<li><a class="HomeFooter-friendLinkItem" href="https://www.douyu.com/g_mdnf" target="_blank"
									title="DNF手游直播">DNF手游直播</a></li>
							<li><a class="HomeFooter-friendLinkItem" href="https://open.douyu.com/" target="_blank"
									title="斗鱼开放平台">豆鲨开放平台</a></li>
							<li><a class="HomeFooter-friendLinkItem" href="http://live.qq.com/" target="_blank"
									title="企鹅体育">企鹅体育</a></li>
							<li><a class="HomeFooter-friendLinkItem" href="https://www.douyu.com/100100" target="_blank"
									title="程潇直播">程潇直播</a></li>
							<li><a class="HomeFooter-friendLinkItem" href="http://www.yxdown.com/  " target="_blank"
									title="游迅网">游迅网</a></li>
							<li><a class="HomeFooter-friendLinkItem" href="http://app.shafa.com/" target="_blank"
									title="沙发管家">沙发管家</a></li>
							<li><a class="HomeFooter-friendLinkItem" href="http://www.77l.com/" target="_blank"
									title="齐齐乐">齐齐乐</a></li>
							<li><a class="HomeFooter-friendLinkItem" href="https://www.qqtn.com/ " target="_blank"
									title="腾牛网">腾牛网</a></li>
							<li><a class="HomeFooter-friendLinkItem" href="https://www.cr173.com/" target="_blank"
									title="西西软件园">西西软件园</a></li>
							<li><a class="HomeFooter-friendLinkItem" href="http://bbs.a9vg.com" target="_blank"
									title="A9VG电玩部落">A9VG电玩部落</a></li>
							<li><a class="HomeFooter-friendLinkItem" href="http://www.dangbei.com/" target="_blank"
									title="当贝市场">当贝市场</a></li>
							<li><a class="HomeFooter-friendLinkItem" href="http://www.tuwan.com/" target="_blank"
									title="兔玩网">兔玩网</a></li>
							<li><a class="HomeFooter-friendLinkItem" href="https://www.pc6.com/ " target="_blank"
									title="PC6下载">PC6下载</a></li>
							<li><a class="HomeFooter-friendLinkItem" href="http://www.gamersky.com/ " target="_blank"
									title="游民星空">游民星空</a></li>
							<li><a class="HomeFooter-friendLinkItem" href="http://www.18183.com/" target="_blank"
									title="18183手机网">18183手机网</a></li>
							<li><a class="HomeFooter-friendLinkItem" href="https://www.3dmgame.com/" target="_blank"
									title="3DM游戏网">3DM游戏网</a></li>
							<li><a class="HomeFooter-friendLinkItem" href="https://ads.douyu.com" target="_blank"
									title="斗鱼效果广告">豆鲨效果广告</a></li>
							<li><a class="HomeFooter-friendLinkItem" href="https://e.douyu.com/" target="_blank"
									title="斗鱼营销平台">豆鲨营销平台</a></li>
							<li><a class="HomeFooter-friendLinkItem" href="http://www.wywyx.com/" target="_blank"
									title="玩一玩">玩一玩</a></li>
							<li><a class="HomeFooter-friendLinkItem" href="https://jiasu.qq.com/" target="_blank"
									title="腾讯网游加速器">腾讯网游加速器</a></li>
						</ul>
					</div>
					<div class="HomeFooter-outlink">
						<ul class="HomeFooter-outlinkList">
							<li><a class="HomeFooter-outlinkItem" target="_blank"
									href="https://www.douyu.com/cms/about/about_us.html">关于我们</a><span
									class="HomeFooter-seperator">|</span></li>
							<li><a class="HomeFooter-outlinkItem" target="_blank" href="http://ir.douyu.com/">Investor
									Relations</a><span class="HomeFooter-seperator">|</span></li>
							<li><a class="HomeFooter-outlinkItem" target="_blank"
									href="https://kefu.douyu.com/">帮助与反馈</a><span class="HomeFooter-seperator">|</span>
							</li>
							<li><a class="HomeFooter-outlinkItem" target="_blank"
									href="https://www.douyu.com/topic/zhaopin">加入我们</a><span
									class="HomeFooter-seperator">|</span></li>
							<li><a class="HomeFooter-outlinkItem" target="_blank"
									href="https://www.douyu.com/cms/about/cooperate.html">友情链接</a><span
									class="HomeFooter-seperator">|</span></li>
							<li><a class="HomeFooter-outlinkItem" target="_blank"
									href="https://www.douyu.com/special/guide/anchor">我要开播</a><span
									class="HomeFooter-seperator">|</span></li>
							<li><a class="HomeFooter-outlinkItem" target="_blank"
									href="https://kefu.douyu.com/nx/report.html">廉洁豆鲨</a><span
									class="HomeFooter-seperator">|</span></li>
							<li><a class="HomeFooter-outlinkItem" target="_blank"
									href="https://www.douyu.com/cms/gong/201509/22/2229.shtml">版权保护投诉指引</a><span
									class="HomeFooter-seperator">|</span></li>
							<li><a class="HomeFooter-outlinkItem" target="_blank"
									href="https://www.douyu.com/cms/gong/list_25.shtml">公示公告</a><span
									class="HomeFooter-seperator">|</span></li>
							<li><a class="HomeFooter-outlinkItem" target="_blank"
									href="https://www.douyu.com/cms/gong/201605/30/3643.shtml">豆鲨官方QQ号</a><span
									class="HomeFooter-seperator">|</span></li>
							<li><a class="HomeFooter-footerIcon HomeFooter-DYQQ" target="_blank"
									href="http://jq.qq.com/?_wv=1027&amp;k=c63S3v"></a></li>
							<li><a class="HomeFooter-footerIcon HomeFooter-DYWechat">
									<div class="HomeFooter-wechatQR"></div>
								</a></li>
							<li><a class="HomeFooter-footerIcon HomeFooter-DYWeibo" target="_blank"
									href="http://weibo.com/u/3982726153"></a></li>
						</ul>
						<p class="HomeFooter-companyInfo">厦门豆鲨网络科技有限公司 版权所有 ©www.dousha.com<a
								href="http://beian.miit.gov.cn" target="_blank">鄂ICP备15011961号-1</a>|<a
								class="HomeFooter-ghs"
								href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=42018502000107"
								target="_blank">鄂公网安备 42018502000107号</a>|<a class="HomeFooter-gswj"
								href="http://whgswj.whhd.gov.cn:8089/whwjww/indexquery/indexqueryAction!dizview.dhtml?chr_id=9d45299953ce85733b2ef87d05820ac0&amp;bus_ent_id=420000000009311039&amp;bus_ent_chr_id=82c93ffb8f1b40458298daf104c3f87d"
								target="_blank">工商网监</a>|<a class="HomeFooter-kxwz"
								href="https://sta-op.douyucdn.cn/douyu/2020/11/30/b9f418bf3bf46942024b390d3ebab506.jpg"
								target="_blank">鄂网文（2018）9760-291号</a>|<a href="http://www.tiaojie.net.cn"
								target="_blank">金盾网络调解中心</a></p>
						<ul class="HomeFooter-outlinkList">
							<li><span class="HomeFooter-outlinkItem">违法和不良信息举报电话：027-87750710</span><span
									class="HomeFooter-seperator">|</span></li>
							<li><span class="HomeFooter-outlinkItem">未成年人关怀热线：027-87572872</span><span
									class="HomeFooter-seperator">|</span></li>
							<li><a class="HomeFooter-outlinkItem" target="_blank"
									href="http://jbts.mct.gov.cn">12318全国文化市场举报网站</a><span
									class="HomeFooter-seperator">|</span></li>
							<li><a class="HomeFooter-outlinkItem" target="_blank"
									href="https://www.12377.cn/">网上有害信息举报专区</a><span
									class="HomeFooter-seperator">|</span></li>
							<li><a class="HomeFooter-outlinkItem" target="_blank"
									href="http://www.shdf.gov.cn/shdf/channels/740.html">中国扫黄打非-网上举报</a><span
									class="HomeFooter-seperator">|</span></li>
							<li><a class="HomeFooter-outlinkItem" target="_blank"
									href="https://www.12377.cn/jbxzxq/zpljbxzxq.html?spm=zm1033-001.0.0.1.SOXBdI">电信诈骗举报专区</a><span
									class="HomeFooter-seperator">|</span></li>
							<li><a class="HomeFooter-outlinkItem" target="_blank"
									href="https://www.12377.cn/jbxzxq/64d38691937611ebb858c9da04cf59d3_web.html?spm=zm1033-001.0.0.1.SOXBdI&amp;smallHarmType=64d38691937611ebb858c9da04cf59d3">涉历史虚无主义有害信息举报专区</a>
							</li>
						</ul>
					</div>
				</section>
			</footer>

		</div>
	<script>
		$(function () {
			//用户名输入框失去焦点事件
			$("#userName").blur(function () {
				if ($("#userName").val().trim()==""){
					$("#userNameId").text("用户名不能为空")
				}else{
					$.get("${pageContext.request.contextPath}/user/checkName",{
						userName:$("#userName").val()
					},function (data) {
						$("#userNameId").text(data);
					})
				}
			})
			//密码输入栏失去焦点事件
			$("#password").blur(function() {

				if ($("#password").val().trim() == "") {
					$("#passwordId").text("密码不能为空");
				} else {
					if($("#password").val().trim().length<=6 && $("#password").val().indexOf(" ")==-1){
						$("#passwordId").text("可用");
					}else{
						$("#passwordId").text("用户名长度不超过6位且不能含有空格");
					}
				}
			})
			//再次输入密码框失去焦点事件
			$("#repassword").blur(function () {
				var upwd=$("#password").val().trim();
				var reupwd=$("#repassword").val().trim();

				if ($("#repassword").val().trim() == ""){
					$("#repasswordId").text("请再次输入密码");
				}else{
					if(upwd==reupwd){
						$("#repasswordId").text("密码一致");
					}else{
						$("#repasswordId").text("请检查密码是否相同");
					}
				}
			})
			//判断是否可以提交
			$("#regForm").submit(function () {
				if ($("#userNameId").text()=="可用"&&$("#passwordId").text()=="可用"&&$("#repasswordId").text()=="密码一致"){
                  return true
				}else{
					return  false;
				}
			})
			//返回首页
			$(document).on("click","#return",function(){
				location.href="dousha.jsp";
			})

		})
	</script>



	</body>
</html>
